<template>
 <div>
  <div class="footer">
    <el-button color="#081F42"  @click="onShowPage" style="margin-left:10px;">顯示</el-button>
    <el-button type="info"  @click="onRebuilds" style="margin-left:10px;">重 設</el-button>
  </div>
 </div>
</template>

<script setup>
import {ref,reactive} from 'vue'

const emit = defineEmits(['showPage','rebuild'])
const onShowPage = ()=>{
    emit('showPage','')
}
const onRebuilds = ()=>{
    emit('rebuild')
}
</script>

<style scoped lang='less'>
  .footer {
    width: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
  }
</style>